/* components/Goods/goods.css */

.weui-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.textBox{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.weui-flex__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.rm40{
  margin: 20rpx 40rpx 0;
}
.ciecleOrg{
  width: 8px;
  height: 8px;
  background: #feb47a;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
}
.rf34{
  font-size: 34rpx;
  font-weight: bold;
}
.scroll-case{
    white-space: nowrap;
    display: flex;
 }
 .scroll-box{
   display: inline-block;
   width: 47%;
   margin-right: 20rpx;
   box-sizing: border-box;
   vertical-align: top;
 }
page{
  background: #ffffff;
}
.weui-navbar {
    background-color: #f4f4f4;
}
.weui-navbar__item {
    padding: 10px 0;
    font-size: 14px;
}
.weui-navbar__item.weui-bar__item_on {
    background-color: #fff;
    color: #860020;
}
.weui-navbar__item.weui-bar__item_on:before {
    position: absolute;
    content: '';
    border-bottom: solid 1px #860020;
    display: block;
    width: 100%;
    height: 1px;
    bottom: 0;
}
.w30p {
    width: 30%;
}
.pt50{
  padding-top: 50px;
}
.bg81cde4 {
    background-color: #81cde4;
}
.weui-btn {
    position: relative;
    display: block;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 2.55555556;
    border-radius: 5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
}
.serviceImg{
  width: 0;
  height:0;
  vertical-align: top;
}
.store-self{
    padding-bottom: 40px;

}
.store-self .lh40{
    line-height: 40px;
}
.store-self .fixed{
    bottom: 0;
    left: 0;
    right: 0;
}
.store-self .act{
    flex-direction:column;
}
.store-self .xjk-msnui-more{
    background: #ddd;
    border-radius: 3px;
    line-height: 1;
}
.store-download .weui-cells_checkbox{
    justify-content:center;
}
.store-download .weui-cells_checkbox i{
    display: block;
}
.store-service .main-pic{ margin: 0 auto;float: none}

.store-self .weui-switch-cp__box{
    width:26px;
    height: 14px;
    border-radius:8px;
}
.store-self .weui-switch-cp__box:before,.store-self  .weui-switch:before{

    width: 25px;
    height: 15px;
    border-radius:-webkit-calc( 15px /2);
    border-radius:calc( 15px /2);
}
.store-self .weui-switch-cp__box:after,.store-self .weui-switch:after{
    width: 15px;
    height: 15px;
    border-radius:50%;
    top:-2px;
}
.weui-tab .bgwh{
  background: #fff;
}
.w40{
    width: 80rpx;
}
.bg6b6a70 {
    background-color:#6b6a70;
}
.bg00-30 {
    background-color: rgba(0,0,0,0.3);
}
.address_text{
  background-color: #f6f6f6;
  font-size: 12px;
  color: #999999;
  line-height: 20px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 8px;
}
.limitDeliveryMethod{
  display: inline-block;
  width: 64rpx;
  margin-top: 20rpx;
  margin-right: 500rpx;
  margin-bottom: 10rpx;
  font-size: 22rpx;
  color: #fff;
  line-height: 36rpx;
  text-align: center;
  border-radius: 16rpx;
  background-color: #860020;
}
.stock_coantainer {
  width: 100%;
  box-sizing: border-box;
  border-top: 1rpx solid #ececec;
  display: flex;
  align-items: center;
  height: 76rpx;
  padding: 0 30rpx;
  background: #fff;
}

.stock_content {
  flex: 1;
  text-align: left;
  font-size: 24rpx;
  color: #666;
  display: flex;
  align-items: center;
}

.stock_img {
  width: 26rpx;
  height: 26rpx;
  margin-right: 10rpx;
}

/* tab */
.tab{
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 18rpx;
  font-size: 30rpx;
  text-align: center;
  color: #333333;
  background: white;
  padding:  0 30rpx;
}

.tab::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #dddddd;
  transform: scaleY(.5);
}

.tabItem{
  flex: 50%;
  text-align: left;
}

.tabText{
  display: inline-block;
  position: relative;
  line-height: 92rpx;
  height: 92rpx;
  font-size: 28rpx;
  font-weight: bold;
}

.active{
  color: #860020;
}

.active ::after{
  content: '';
  position: absolute;
  bottom: 1rpx;
  left: 0;
  right: 0;
  height: 3rpx;
  background: #860020;
}

.area_t{
  background: #ffe5e5;
  color: #860020;
  padding: 0 10rpx;
  margin-right: 10px;
}

.area{
  color: #666;
}

.areaWrap{
  font-size: 26rpx;
  line-height: 36rpx;
}
.timeLimit{
  height: 21.6vw;
  background-size: 100% 100%;
  display: flex;
}
.limitLeft{
  width: 70%;
  display: flex;
  text-indent: 10px;
  color: white;
  align-items: center;
}
.limitPrice{
  font-size: 36rpx;
  font-weight: bold;
}
.limitAbout{
  font-size: 26rpx;
}
.limitAbout view{
  display: inline-block;
  padding: 4rpx 20rpx;
  background: white;
  color: #860020;
  text-indent: 0;
  margin-left: 20rpx;
  border-radius: 0px 10px 10px 5px;
}
.limitRight{
  width: 30%;

}
.limitText{
  display: block;
  width: 80%;
  margin:20rpx auto 0;
}
.limitHint{
  margin-top: 10rpx;
  text-align: center;
  font-size: 26rpx;
  color: #860020;
  font-weight: bold;
}
.Time {
  display: flex;
  justify-content:space-around;
  width: 94%;
  margin: auto;
  font-size: 24rpx;
}
.Time text{
  background: #860020;
    padding: 0 4rpx;
    border-radius: 4px;
    color: white;
}
.activeHint{
  background: white;
  line-height: 30px;
  font-size: 26rpx;
  text-indent: 10px;
  color: #860020;
}
.isPing{
  background: #860020;
  font-size: 26rpx;
  border-radius: 5rpx;
  line-height: 22px;
  height: 40rpx;
  border-radius: 10rpx;
  padding: 0 16rpx;
  margin-left: 16rpx;
  margin-top: 12rpx;
  color: white;
}
/*  */
.h20-bg-efeff4{
  height: 20rpx;
  background-color: #f3f3f3;
}
.bb-d7{
  padding-bottom:15px;
  border-bottom:1px solid #d7d7d7;
}

.page__hd {
  position: fixed;
  top: 0;
  display: flex;
  width: 100%;
  z-index: 1;
  height: 100rpx;
  line-height: 100rpx;
  background-color: #efeff6;
}

.page__bd_box {
  background-color: #fff;
  height: 130rpx;
  line-height: 130rpx;
  align-items: center;
}

.page__bd_box_img {
  line-height: 130rpx;
}

.page__fd_box {
  background-color: #f3f4f6;
  height: 120rpx;
  line-height: 120rpx;
  margin-bottom: 2rpx;
}
.pb80{
  padding-bottom:80px;
}
.kill-img{
  width:80rpx;
  height:80rpx;
  vertical-align:middle;
  border-radius: 100%;
}
.weui-flex__item .kill-img:nth-child(n+2){
  margin-left: -35rpx
}
.twoIcon{
  margin-left: 10px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 50rpx;
}
.oneIcon{
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  height:auto;
  margin-right: 5px;
}
.share-btn {
  border: none !important;
  border-radius: 0;
  font-size: small;
  color: #fff;
  line-height: 40px;
  justify-content: center;
  align-items: center;
}

.share-img {
  background: #860020 !important;
  font-size: 30rpx;
  height: 60rpx;
  line-height: 60rpx;
  border-radius: 10rpx;
  width: 100%
}
.goodsFlash{
  margin-left: 10px;
  background: #860020;
  color: white;
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 5px;
  margin-top: 6px;
  display: inline-block;
}
.isEmployeeExclusive{
  background: #860020;
  font-size: 26rpx;
  border-radius: 5rpx;
  line-height: 22px;
  height: 40rpx;
  border-radius: 10rpx;
  padding: 0 16rpx;
  margin-left: 16rpx;
  margin-top: 12rpx;
  color: white;
}

.postTweetTop{
  display: flex;
}
.postTweetImg{
  width: 70rpx;
  height: 70rpx;
}
.postTweetImg {
  margin-left: 20rpx;
  border-radius: 50rpx;
}
.postTweetTopName{
  width: 70%;
  display: flex;
  margin-left: 20rpx;
}

.postTweetTopNameLeft{
  margin-top: 10rpx;
}
.postTweetTopNameLeft view:nth-child(1){
  font-size: 26rpx;
  color: #860020;
  font-weight: 600;
}
.postTweetTopNameLeft view:nth-child(1) text{
  padding: 2px 5px;
  background: #860020;
  color: #fff;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.postTweetConternt{
  font-size: 26rpx;
  margin-left: 20rpx;
  margin-right: 20rpx;
  margin-top: 10rpx;
  white-space:pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
.evaluateCssWrap{
  background: white;
  padding: 20rpx 0;
  margin-top: 20rpx;
}
.evaluateCss{
  width: 94%;
  margin: auto;
  font-size: 28rpx;
  justify-content:space-between;
  border-bottom: 1rpx solid #E6E6E6;
  padding-bottom: 10rpx;
  align-items: center;
}
.evaluateCss view:nth-child(1){
  font-size: 30rpx;
  font-weight: bold;
}
.evaluateCss view:nth-child(2){
  color: #999999;
}
.commissionW{
  display: flex;
  padding: 10rpx 20rpx;
  font-size: 28rpx;
  background: white;
  color: #860020;
  justify-content: space-between;
  align-items: center;
}
.commissionRight{
  display: flex;
  align-items: center;
}
.commissionIcon{
  display: inline-block;
  background: #860020;
  border-radius: 50%;
  color: white;
  width: 45rpx;
  text-align: center;
}

.goodsName{
  vertical-align: middle;
  align-items: center;
  width: 500rpx;
  font-size: 32rpx;
  line-height: 40rpx;
  display: inline-block;
}

.goodsName_icon{
  display: flex;
  position: absolute;
  width: 20px;
  height: 22px;
  right: 80rpx;
}

.price{
  color: #860020;
  font-size: 36rpx;
  font-weight: bold;
}
.divider{
  height: 1px;
  background-color: #f2f2f2;
  margin: 0 20rpx;
  margin-top: 10px;
}